<template>
	<view class="user">
		<view class="user-bg" />
		<view class="head">
			<view class="flex-row" style="justify-content: left;" @click="goToBlank('用户信息')">
				<image src="../../static/icon/usr.jpg" class="usr-img" />
				<view class="usr-name">Magic1412</view>
			</view>
		</view>
		<view class="card">
			<view class="card-title">
				<image style="width: 120rpx;height: 50rpx;" src="../../static/icon/gaode/gaode_03.png" />
				<view class="detial" @click="goToBlank('更多足迹')">
					点击进入>
				</view>
			</view>
			<view class="card-content flex-row">
				<view class="content-item">
					<view class="item-num">
						4
					</view>
					<view class="item-text">
						点亮城市	
					</view>
				</view>
				<view class="line" />
				<view class="content-item">
					<view class="item-num">
						0%
					</view>
					<view class="item-text">
						走过上海
					</view>
				</view>
				<view class="line" />
				<view class="content-item">
					<view class="item-num">
						0
					</view>
					<view class="item-text">
						打卡点
					</view>
				</view>
				<view class="line" />
				<view class="content-item">
					<view class="item-num">
						10.6
					</view>
					<view class="item-text">
						出行里程
					</view>
				</view>
			</view>
		</view>
		<view class="card">
			<view class="card-title">
				我的订单
				<view class="detial" @click="goToBlank('我的订单')">
					更多>
				</view>
			</view>
			<view class="card-content flex-row">
				<view class="content-item" @click="goToBlank('打车')">
					<image src="../../static/icon/gaode/gaode_07.png" class="item-icon"></image>
					<view class="item-text">
						打车
					</view>
				</view>
				<view class="content-item" @click="goToBlank('景点门票')">
					<image src="../../static/icon/gaode/gaode_09.png" class="item-icon"></image>
					<view class="item-text">
						景点门票
					</view>
				</view>
				<view class="content-item" @click="goToBlank('酒店')">
					<image src="../../static/icon/gaode/gaode_11.png" class="item-icon"></image>
					<view class="item-text">
						酒店
					</view>
				</view>
				<view class="content-item" @click="goToBlank('火车票')">
					<image src="../../static/icon/gaode/gaode_13.png" class="item-icon"></image>
					<view class="item-text">
						火车票
					</view>
				</view>
			</view>
		</view>
		<view class="card">
			<view class="card-title">
				推荐
				<view class="detial" @click="goToBlank('推荐')">
					更多>
				</view>
			</view>
			<view class="card-content flex-row">
				<view class="content-item"  @click="goToBlank('收藏夹')">
					<image src="../../static/icon/gaode/gaode_19.png" class="item-icon"></image>
					<view class="item-text">
						收藏夹
					</view>
				</view>
				<view class="content-item" @click="goToBlank('家人地图')">
					<image src="../../static/icon/gaode/gaode_20.png" class="item-icon"></image>
					<view class="item-text">
						家人地图
					</view>
				</view>
				<view class="content-item" @click="goToBlank('我的队伍')">
					<image src="../../static/icon/gaode/gaode_21.png" class="item-icon"></image>
					<view class="item-text">
						我的队伍
					</view>
				</view>
				<view class="content-item" @click="goToBlank('我的车辆')">
					<image src="../../static/icon/gaode/gaode_22.png" class="item-icon"></image>
					<view class="item-text">
						我的车辆
					</view>
				</view>
				<view class="content-item" @click="goToBlank('我的店铺')">
					<image src="../../static/icon/gaode/gaode_24.png" class="item-icon"></image>
					<view class="item-text">
						我的店铺
					</view>
				</view>
			</view>
		</view>
		<view class="card" style="height: 340rpx;">
			<view class="card-title">
				热门活动
				<view class="detial" @click="goToBlank('热门活动')">
					更多>
				</view>
			</view>
			<view class="card-content flex-row">
				<view class="content-item"  @click="goToBlank('我的店铺')">
					<image src="../../static/icon/gaode/gaode_32.png" class="item-huodong-icon"></image>
				</view>
				<view class="content-item"  @click="goToBlank('每日签到')">
					<image src="../../static/icon/gaode/gaode_34.png" class="item-huodong-icon"></image>
				</view>
				<view class="content-item" @click="goToBlank('公益小桥')">
					<image src="../../static/icon/gaode/gaode_36.png" class="item-huodong-icon"></image>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		methods: {
			goToBlank(content) {
				uni.navigateTo({
					url: "/pages/blank/Blank?data=" + encodeURIComponent(content ? content : '空白页')
				})
			}
		}
	}
</script>

<style>
</style>
